<!-- Importamos los metodos js del abm de personas -->
<script type="text/javascript" src="<?php echo base_url(); ?>js/funciones_personas.js"></script>

<!-- Importamos la libreria jquery numeric -->
<script type="text/javascript" src="<?php echo base_url(); ?>jquery/jquery.numeric.js"></script>

<script type="text/javascript">
	//Esto se ejecuta cuando se termina de cargar la web
	$(document).ready(function(){
		//Le damos el foco al primer campo del formulario
		<?php if($tipoPersonaSel == 0){ ?>		
			$("#apellido").focus();
		<?php } ?>
		
		<?php if($tipoPersonaSel == 1){ ?>		
			$("#cargoDirectivo").focus();
		<?php } ?>
		
		<?php if($tipoPersonaSel == 2){ ?>		
			$("#trato").focus();
		<?php } ?>
		
		<?php if($tipoPersonaSel == 3){ ?>		
			$("#legajo").focus();
		<?php } ?>
		
		<?php if($tipoPersonaSel == 5){ ?>		
			$("#permisoDirectivo").focus();
		<?php } ?>
		
		
		//Especificamos los campos que tienen restricciones en los valores de entrada
		$('#numeroDocumento').numeric();
	});
</script>

<div class="breadcrumbs" id="breadcrumbs">
	<script type="text/javascript">
		try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
	</script>

	<!-- Informacion de las secciones abiertas -->
	<ul class="breadcrumb">
		<li>
			<i class="icon-home home-icon"></i>
			<a href="<?php echo(site_url("inicio")); ?>">Inicio</a>
		</li>
		
		<?php if($tipoPersonaSel == 0){ ?>
		<li>
			<a href="<?php echo(site_url("persona/consultar")); ?>">Personas</a>
		</li>
		<?php } ?>
		
		<?php if($tipoPersonaSel == 1){ ?>
		<li>
			<a href="<?php echo(site_url("directivo/consultar")); ?>">Directivos</a>
		</li>
		<?php } ?>
		
		<?php if($tipoPersonaSel == 2){ ?>
		<li>
			<a href="<?php echo(site_url("docente/consultar")); ?>">Docentes</a>
		</li>
		<?php } ?>
		
		<?php if($tipoPersonaSel == 3){ ?>
		<li>
			<a href="<?php echo(site_url("alumno/consultar")); ?>">Alumnos</a>
		</li>
		<?php } ?>
		
		<?php if($tipoPersonaSel == 4){ ?>
		<li>
			<a href="<?php echo(site_url("tutor/consultar")); ?>">Tutores</a>
		</li>
		<?php } ?>
		
		<?php if($tipoPersonaSel == 5){ ?>
		<li>
			<a href="<?php echo(site_url("usuario/consultar")); ?>">Usuarios</a>
		</li>
		<?php } ?>
		
		<li class="active">
			<a href="<?php echo(current_url()); ?>">Modificar</a>
		</li>
	</ul><!-- .breadcrumb -->
	<!-- Fin Informacion de las secciones abiertas -->
</div>

<!-- Seccion de contenido -->
<div class="page-content">
	<div class="page-header">
		<h1>
			Personas
			<small>
				<i class="icon-double-angle-right"></i>
				Modificar
			</small>
		</h1>
	</div><!-- /.page-header -->
	
	<?php if($tipoPersonaSel == 0){ ?>
		<!-- start: Botonera chica -->
		<div class="row-fluid">
			<?php if($idPersonaAnt != 0) { ?>
			<a href="<?php echo site_url("persona/abrirPantallaModificar/0/".$idPersonaAnt) ?>" class="btn btn-success btn-app btn-sm no-radius">
				<i class="icon-chevron-left"></i>
				Anterior
			</a>
			<?php } else { ?>
			<a class="btn btn-default btn-app btn-sm no-radius">
				<i class="icon-chevron-left"></i>
				Anterior				
			</a>
			<?php }  ?>
			
			<?php if($idPersonaSig != 0) { ?>
			<a href="<?php echo site_url("persona/abrirPantallaModificar/0/".$idPersonaSig) ?>" class="btn btn-app btn-success btn-sm no-radius">
				<i class="icon-chevron-right"></i>
				Siguiente
			</a>
			<?php } else { ?>
			<a class="btn btn-default btn-app btn-sm no-radius">
				<i class="icon-chevron-right"></i>
				Siguiente
			</a>
			<?php }  ?>
		</div>
		<!-- end: Botonera chica -->
		
		<div class="hr hr-double hr-dotted hr18"></div>
	<?php } ?>

	<div class="row">		
		<div class="col-xs-12 col-sm-8">
			<div class="widget-box">
				<div class="widget-header">
					<h4>Ingrese los datos marcados con (*)</h4>
				</div>

				<div class="widget-body">
					<div class="widget-main">						
						<div class="tabbable">
							<ul class="nav nav-tabs" id="myTab">
								<li id="tabPersona" <?php if($tipoPersonaSel == 0) echo('class="active"') ?>>
									<a data-toggle="tab" href="#persona">
										Persona
									</a>
								</li>
								
								<li id="tabDirectivo" <?php if($tipoPersonaSel == 1) echo('class="active"') ?>>
									<a data-toggle="tab" href="#directivo">											
										Directivo
									</a>
								</li>
								
								<li id="tabDocente" <?php if($tipoPersonaSel == 2) echo('class="active"') ?>>
									<a data-toggle="tab" href="#docente">											
										Docente
									</a>
								</li>
								
								<li id="tabAlumno" <?php if($tipoPersonaSel == 3) echo('class="active"') ?>>
									<a data-toggle="tab" href="#alumno">											
										Alumno
									</a>
								</li>
								
								<li id="tabTutor" <?php if($tipoPersonaSel == 4) echo('class="active"') ?>>
									<a data-toggle="tab" href="#tutor">											
										Tutor
									</a>
								</li>
								
								<li id="tabUsuario" <?php if($tipoPersonaSel == 5) echo('class="active"') ?>>
									<a data-toggle="tab" href="#usuario">											
										Usuario
									</a>
								</li>
							</ul>

							<div class="tab-content">
								<div id="persona" class="tab-pane <?php if($tipoPersonaSel == 0) echo('in active') ?>">
									<!-- Formulario Persona -->
									<form class="form-horizontal" role="form" action="<?php echo(site_url('persona/modificar/'.$personaSel->row()->idPersona)); ?>" id="formPersona" method="post" target="iframeUpload" enctype="multipart/form-data">
										<div id="campoApellido" class="form-group">
											<label class="col-sm-3 control-label no-padding-right" for="apellido"> Apellido: (*) </label>

											<div class="col-sm-9">
												<input type="text" id="apellido" name="apellido" value="<?php echo($personaSel->row()->apellido); ?>" placeholder="Ej: Perez" class="col-xs-12 col-sm-10" onkeyup="completarAbreviatura();"/>
											</div>
										</div>
										
										<div id="campoNombre" class="form-group">
											<label class="col-sm-3 control-label no-padding-right" for="nombre"> Nombre: (*) </label>

											<div class="col-sm-9">
												<input type="text" id="nombre" name="nombre" value="<?php echo($personaSel->row()->nombre); ?>" placeholder="Ej: Juan" class="col-xs-12 col-sm-10" onkeyup="completarAbreviatura();"/>
											</div>
										</div>
										
										<div id="campoAbreviatura" class="form-group">
											<label class="col-sm-3 control-label no-padding-right" for="abreviatura"> Abreviatura: (*) </label>

											<div class="col-sm-9">
												<input type="text" id="abreviatura" name="abreviatura" value="<?php echo($personaSel->row()->abreviatura); ?>" placeholder="Ej: Per, Jua" class="col-xs-12 col-sm-10" />
											</div>
										</div>
										
										<div id="campoSexo" class="form-group">
											<label class="col-sm-3 control-label no-padding-right" for="sexo">Sexo: (*)</label>
											<div class="col-sm-9">
												<select style="padding:3px" id="sexo" name="sexo" class="col-xs-12 col-sm-10" required>
													<?php
														if($personaSel->row()->sexo == 1){			
													?>			
														<option value="1" selected="selected">Masculino</option>
														<option value="0">Femenino</option>	
													<?php
														} else {					
													?>
														<option value="1">Masculino</option>
														<option value="0" selected="selected">Femenino</option>					
													<?php
														}
													?>
												</select>
											</div>
										</div>
										
										<div id="campoFoto" class="form-group">
											<label class="col-sm-3 control-label no-padding-right" for="foto"> Foto: </label>

											<div class="col-sm-8">
												<input style="border:1px solid #d5d5d5;padding:3px" type="file" id="foto" name="foto" class="col-xs-12 col-sm-10" />
											</div>
										</div>
										
										<div id="campoFechaNacimiento" class="form-group">
											<label class="col-sm-3 control-label no-padding-right" for="fechaNacimiento">Fecha Nacimiento:</label>
											<div class="col-sm-8">
												<div class="input-group">
													<input class="form-control date-picker" id="fechaNacimiento" name="fechaNacimiento" value="<?php echo($personaSel->row()->fechaNacimientoFormateada2); ?>" type="text" data-date-format="dd-mm-yyyy" />
													<span class="input-group-addon">
														<i class="icon-calendar bigger-110"></i>
													</span>
												</div>
											</div>
										</div>
										
										<div id="campoTipoDocumento" class="form-group">
											<label class="col-sm-3 control-label no-padding-right" for="tipoDocumento">Tipo de Documento:</label>
											<div class="col-sm-9">
												<select style="padding:4px" id="tipoDocumento" name="tipoDocumento" class="col-xs-12 col-sm-10" required>
													<option value="0" selected="selected">Seleccionar</option>
													<?php
														//Recorremos todos los tipos de documentos que nos paso el controlador y generamos el selector
														foreach ($tiposDocumentos->result() as $tipoDocumento){												
															if($tipoDocumento->idTipoDocumento == $personaSel->row()->idTipoDocumento)
																echo ('<option selected="selected" value="'.$tipoDocumento->idTipoDocumento.'">'.$tipoDocumento->nombre.'</option>');
															else
																echo ('<option value="'.$tipoDocumento->idTipoDocumento.'">'.$tipoDocumento->nombre.'</option>');
														}
													?>
												</select>
											</div>
										</div>
										
										<div id="campoNumeroDocumento" class="form-group">
											<label class="col-sm-3 control-label no-padding-right" for="numeroDocumento"> N&deg; de Documento: </label>

											<div class="col-sm-9">
												<input type="text" id="numeroDocumento" name="numeroDocumento" value="<?php echo($personaSel->row()->numeroDocumento); ?>" placeholder="Ej: 12345678" class="col-xs-12 col-sm-10" onkeyup="completarPassword();"/>
											</div>
										</div>
										
										<div id="campoProvincia" class="form-group">
											<label class="col-sm-3 control-label no-padding-right" for="provincia">Provincia: </label>
											<div class="col-sm-9">
												<select style="padding:3px" id="provincia" name="provincia" class="col-xs-12 col-sm-10" onchange="actualizarLocalidades('<?php echo(base_url()."localidad/buscarLocalidadesPorProvincia/0");?>')">
													<option value="0" selected="selected">- Seleccionar -</option>
													<?php
														//Recorremos todas las provincias que nos paso el controlador y generamos el selector
														foreach ($provincias->result() as $provincia){
															if($provincia->idProvincia == $personaSel->row()->idProvincia)
																echo ('<option selected="selected" value="'.$provincia->idProvincia.'">'.$provincia->nombre.'</option>');
															else
																echo ('<option value="'.$provincia->idProvincia.'">'.$provincia->nombre.'</option>');
														}
													?>
												</select>
											</div>
										</div>
										
										<div id="campoLocalidad" class="form-group">
											<label class="col-sm-3 control-label no-padding-right" for="localidad">Localidad: </label>
											<div class="col-sm-9">
												<select style="padding:3px" id="localidad" name="localidad" class="col-xs-12 col-sm-10" required>
													<option value="0" selected="selected">- Seleccionar -</option>
													<?php
														//Recorremos todas las localidades que nos paso el controlador y generamos el selector
														foreach ($localidades->result() as $localidad){
															if($localidad->idLocalidad == $personaSel->row()->idLocalidad)
																echo ('<option selected="selected" value="'.$localidad->idLocalidad.'">'.$localidad->nombre.'</option>');
															else
																echo ('<option value="'.$localidad->idLocalidad.'">'.$localidad->nombre.'</option>');
														}
													?>
												</select>
											</div>
										</div>
										
										<div id="campoDomicilio" class="form-group">
											<label class="col-sm-3 control-label no-padding-right" for="domicilio"> Domicilio: </label>

											<div class="col-sm-9">
												<input type="text" id="domicilio" name="domicilio" value="<?php echo($personaSel->row()->domicilio); ?>" placeholder="Ej: Las Heras 227" class="col-xs-12 col-sm-10" />
											</div>
										</div>
										
										<div id="campoTelefonoFijo" class="form-group">
											<label class="col-sm-3 control-label no-padding-right" for="telefonoFijo"> Tel&eacute;fono Fijo: </label>

											<div class="col-sm-9">
												<input type="text" id="telefonoFijo" name="telefonoFijo" value="<?php echo($personaSel->row()->telefonoFijo); ?>" placeholder="Ej: 03537-460523" class="col-xs-12 col-sm-10" />
											</div>
										</div>
										
										<div id="campoTelefonoCelular" class="form-group">
											<label class="col-sm-3 control-label no-padding-right" for="telefonoCelular"> Tel&eacute;fono Celular: </label>

											<div class="col-sm-9">
												<input type="text" id="telefonoCelular" name="telefonoCelular" value="<?php echo($personaSel->row()->telefonoCelular); ?>" placeholder="Ej: 3537-422336" class="col-xs-12 col-sm-10" />
											</div>
										</div>
										
										<div id="campoEmail" class="form-group">
											<label class="col-sm-3 control-label no-padding-right" for="email"> Email: </label>

											<div class="col-sm-9">
												<input type="text" id="email" name="email" value="<?php echo($personaSel->row()->email); ?>" placeholder="Ej: juanp@gmail.com" class="col-xs-12 col-sm-10" />
											</div>
										</div>
										
										<div id="campoFacebook" class="form-group">
											<label class="col-sm-3 control-label no-padding-right" for="facebook"> Facebook: </label>
											
											<?php if($personaSel->row()->facebook == ""){ ?>
											<div class="col-sm-9">
												<input type="text" id="facebook" name="facebook" value="" placeholder="Ej: www.facebook.com/juanperez" class="col-xs-12 col-sm-10" />
											</div>
											<?php } else { ?>
											<div class="input-group col-sm-8">
												<input type="text" id="facebook" name="facebook" value="<?php echo($personaSel->row()->facebook); ?>" placeholder="Ej: www.facebook.com/juanperez" class="form-control col-xs-12 col-sm-10" />
												
												<span class="input-group-btn">
													<a href="http://<?php echo($personaSel->row()->facebook); ?>" target="_blanck"><button type="button" class="btn btn-purple btn-sm">
														Ir <i class="icon-globe icon-on-right bigger-110"></i>
													</button></a>
												</span>
											</div>
											<?php } ?>
										</div>
										
										<div id="campoDescripcion" class="form-group">
											<label class="col-sm-3 control-label no-padding-right" for="descripcion"> Descripci&oacute;n: </label>

											<div class="col-sm-9">
												<textarea rows="10" class="col-xs-12 col-sm-10 autosize-transition paddingCinco" id="descripcion" name="descripcion" placeholder=""><?php echo($personaSel->row()->descripcion); ?></textarea>
											</div>
										</div>
										
										<div id="campoEstadoPersona" class="form-group">
											<label class="col-sm-3 control-label no-padding-right" for="estadoPersona">Estado: (*)</label>
											<div class="col-sm-9">
												<select style="padding:3px" id="estadoPersona" name="estadoPersona" class="col-xs-12 col-sm-10" required>
													<?php
														if($personaSel->row()->estado == 1){			
													?>			
														<option value="1" selected="selected">Activo</option>
														<option value="0">Inactivo</option>	
													<?php
														} else {					
													?>
														<option value="1">Activo</option>
														<option value="0" selected="selected">Inactivo</option>					
													<?php
														}
													?>
												</select>
											</div>
										</div>
										
										<div class="form-group">
											<div class="col-md-offset-3 col-md-9">
												<button class="btn btn-primary" type="button" onclick="modificarPersona()">
													<i class="icon-ok bigger-110"></i>
													Guardar Persona
												</button>
											</div>
										</div>									
									</form>	
								</div>
								
								<!-- Formulario Directivo -->
								<div id="directivo" class="tab-pane <?php if($tipoPersonaSel == 1) echo('in active') ?>">
									<?php if($directivoSel->num_rows() == 1){ ?>
										<form class="form-horizontal" role="form" action="<?php echo(site_url('directivo/modificar/'.$directivoSel->row()->idDirectivo)); ?>" id="formDirectivo" method="post" target="iframeUpload">
											<div id="campoCargoDirectivo" class="form-group">
												<label class="col-sm-3 control-label no-padding-right" for="cargoDirectivo">Cargo: (*) </label>
												<div class="col-sm-9">
													<select style="padding:3px" id="cargoDirectivo" name="cargoDirectivo" class="col-xs-12 col-sm-10">
														<option value="0" selected="selected">- Seleccionar -</option>
														<?php
															//Recorremos todos los cargos directivos que nos paso el controlador y generamos el selector
															foreach ($cargosDirectivos->result() as $cargo){
																if($cargo->idCargoDirectivo == $directivoSel->row()->idCargoDirectivo)
																	echo ('<option selected="selected" value="'.$cargo->idCargoDirectivo.'">'.$cargo->nombre.'</option>');
																else
																	echo ('<option value="'.$cargo->idCargoDirectivo.'">'.$cargo->nombre.'</option>');
															}
														?>
													</select>
												</div>
											</div>
											
											<div id="campoEstadoDirectivo" class="form-group">
												<label class="col-sm-3 control-label no-padding-right" for="estadoDirectivo">Estado: (*)</label>
												<div class="col-sm-9">
													<select style="padding:3px" id="estadoDirectivo" name="estadoDirectivo" class="col-xs-12 col-sm-10" required>
														<?php
															if($directivoSel->row()->estado == 1){			
														?>			
															<option value="1" selected="selected">Activo</option>
															<option value="0">Inactivo</option>	
														<?php
															} else {					
														?>
															<option value="1">Activo</option>
															<option value="0" selected="selected">Inactivo</option>					
														<?php
															}
														?>
													</select>
												</div>
											</div>
											
											<div class="form-group">
												<div class="col-md-offset-3 col-md-9">
													<button class="btn btn-primary" type="button" onclick="modificarDirectivo()">
														<i class="icon-ok bigger-110"></i>
														Guardar Directivo
													</button>
												</div>
											</div>
										</form>
									<?php } else { ?>
										<form class="form-horizontal" role="form" action="<?php echo(site_url('directivo/actualizar/'.$personaSel->row()->idPersona)); ?>" id="formDirectivo" method="post" target="iframeUpload">
											<div id="campoEsDirectivo" class="form-group">
												<label class="col-sm-3 control-label no-padding-right" for="esDirectivo">¿Es Directivo? (*)</label>
												<div class="col-sm-9">
													<select style="padding:3px" id="esDirectivo" name="esDirectivo" class="col-xs-12 col-sm-10" required onchange="mostrarFormularioDirectivo();activarPermisoDirectivo();">
														<option value="0">No</option>
														<option value="1">Si</option>
													</select>
												</div>
											</div>
											
											<div id="formularioDirectivo" style="display:none">
												<div id="campoCargoDirectivo" class="form-group">
													<label class="col-sm-3 control-label no-padding-right" for="cargoDirectivo">Cargo: (*) </label>
													<div class="col-sm-9">
														<select style="padding:3px" id="cargoDirectivo" name="cargoDirectivo" class="col-xs-12 col-sm-10">
															<option value="0" selected="selected">- Seleccionar -</option>
															<?php
																//Recorremos todos los cargos directivos que nos paso el controlador y generamos el selector
																foreach ($cargosDirectivos->result() as $cargo){
																	echo ('<option value="'.$cargo->idCargoDirectivo.'">'.$cargo->nombre.'</option>');
																}
															?>
														</select>
													</div>
												</div>
												
												<div id="campoEstadoDirectivo" class="form-group">
													<label class="col-sm-3 control-label no-padding-right" for="estadoDirectivo">Estado: (*)</label>
													<div class="col-sm-9">
														<select style="padding:3px" id="estadoDirectivo" name="estadoDirectivo" class="col-xs-12 col-sm-10" required>
															<option value="1">Activo</option>
															<option value="0">Inactivo</option>
														</select>
													</div>
												</div>
												
												<div class="form-group">
													<div class="col-md-offset-3 col-md-9">
														<button class="btn btn-primary" type="button" onclick="actualizarDirectivo()">
															<i class="icon-ok bigger-110"></i>
															Guardar Directivo
														</button>
													</div>
												</div>
											</div>
										</form>								
									<?php }  ?>
								</div>
								
								<!-- Formulario Docente -->
								<div id="docente" class="tab-pane <?php if($tipoPersonaSel == 2) echo('in active') ?>">
									<?php if($docenteSel->num_rows() == 1){ ?>
										<form class="form-horizontal" role="form" action="<?php echo(site_url('docente/modificar/'.$docenteSel->row()->idDocente)); ?>" id="formDocente" method="post" target="iframeUpload" enctype="multipart/form-data">
											<div id="campoTrato" class="form-group">
												<label class="col-sm-3 control-label no-padding-right" for="trato"> Trato: (*) </label>

												<div class="col-sm-9">
													<input type="text" id="trato" name="trato" value="<?php echo($docenteSel->row()->trato); ?>" placeholder="Ej: Sr." class="col-xs-12 col-sm-10" />
												</div>
											</div>
											
											<div id="campoColores" class="form-group">
												<label class="col-sm-3 control-label no-padding-right" for="colorpicker1"> Colores: (*) </label>

												<div class="col-sm-9 bootstrap-colorpicker">
													<label style="margin-left:5px" for="colorpicker1"> Fondo: </label><input style="margin-left:5px" id="colorpicker1" name="colorpicker1" type="text" value="<?php echo($docenteSel->row()->colorDeFondo); ?>" class="input-small" />
													<label style="margin-left:5px" for="colorpicker2"> Texto: </label><input style="margin-left:5px" id="colorpicker2" name="colorpicker2" type="text" value="<?php echo($docenteSel->row()->colorDeTexto); ?>" class="input-small" />
													<span id="colorEjemplo" style="background:#FFF;color:#000;outline:1px solid #d5d5d5;padding:6px;margin-left:5px">Ejemplo</span>
												</div>
											</div>
											
											<div id="campoFechaIngresoDocente" class="form-group">
												<label class="col-sm-3 control-label no-padding-right" for="fechaIngresoDocente">Fecha Ingreso:</label>
												<div class="col-sm-8">
													<div class="input-group">
														<input class="form-control date-picker" id="fechaIngresoDocente" name="fechaIngresoDocente" type="text" value="<?php echo($docenteSel->row()->fechaIngresoFormateada); ?>" data-date-format="dd-mm-yyyy" />
														<span class="input-group-addon">
															<i class="icon-calendar bigger-110"></i>
														</span>
													</div>
												</div>
											</div>
											
											<div id="campoCurriculum" class="form-group">
												<label class="col-sm-3 control-label no-padding-right" for="curriculum"> Curriculum: </label>

												<div class="col-sm-8">
													<input style="border:1px solid #d5d5d5;padding:3px" type="file" id="curriculum" name="curriculum" class="col-xs-12 col-sm-10" />
												</div>
											</div>
											
											<div id="campoEstadoDocente" class="form-group">
												<label class="col-sm-3 control-label no-padding-right" for="estadoDocente">Estado: (*)</label>
												<div class="col-sm-9">
													<select style="padding:3px" id="estadoDocente" name="estadoDocente" class="col-xs-12 col-sm-10" required>
														<?php
														if($docenteSel->row()->estado == 1){			
														?>			
															<option value="1" selected="selected">Activo</option>
															<option value="0">Inactivo</option>
														<?php
															} else {					
														?>
															<option value="1">Activo</option>
															<option value="0" selected="selected">Inactivo</option>					
														<?php
															}
														?>
													</select>
												</div>
											</div>
											
											<div class="form-group">
												<div class="col-md-offset-3 col-md-9">
													<button class="btn btn-primary" type="button" onclick="modificarDocente()">
														<i class="icon-ok bigger-110"></i>
														Guardar Docente
													</button>
												</div>
											</div>
										</form>
									<?php } else { ?>
										<form class="form-horizontal" role="form" action="<?php echo(site_url('docente/actualizar/'.$personaSel->row()->idPersona)); ?>" id="formDocente" method="post" target="iframeUpload" enctype="multipart/form-data">
											<div id="campoEsDocente" class="form-group">
												<label class="col-sm-3 control-label no-padding-right" for="esDocente">¿Es Docente? (*)</label>
												<div class="col-sm-9">
													<select style="padding:3px" id="esDocente" name="esDocente" class="col-xs-12 col-sm-10" required onchange="mostrarFormularioDocente();activarPermisoDocente();">													
														<option value="0">No</option>
														<option value="1">Si</option>
													</select>
												</div>
											</div>
											
											<div id="formularioDocente" style="display:none">
												<div id="campoTrato" class="form-group">
													<label class="col-sm-3 control-label no-padding-right" for="trato"> Trato: (*) </label>

													<div class="col-sm-9">
														<input type="text" id="trato" name="trato" placeholder="Ej: Sr." class="col-xs-12 col-sm-10" />
													</div>
												</div>
												
												<div id="campoColores" class="form-group">
													<label class="col-sm-3 control-label no-padding-right" for="colorpicker1"> Colores: (*) </label>

													<div class="col-sm-9 bootstrap-colorpicker">
														<label style="margin-left:5px" for="colorpicker1"> Fondo: </label><input style="margin-left:5px" id="colorpicker1" name="colorpicker1" type="text" value="#ffffff" class="input-small" />
														<label style="margin-left:5px" for="colorpicker2"> Texto: </label><input style="margin-left:5px" id="colorpicker2" name="colorpicker2" type="text" value="#000000" class="input-small" />
														<span id="colorEjemplo" style="background:#FFF;color:#000;outline:1px solid #d5d5d5;padding:6px;margin-left:5px">Ejemplo</span>
													</div>
												</div>
												
												<div id="campoFechaIngresoDocente" class="form-group">
													<label class="col-sm-3 control-label no-padding-right" for="fechaIngresoDocente">Fecha Ingreso:</label>
													<div class="col-sm-8">
														<div class="input-group">
															<input class="form-control date-picker" id="fechaIngresoDocente" name="fechaIngresoDocente" type="text" data-date-format="dd-mm-yyyy" />
															<span class="input-group-addon">
																<i class="icon-calendar bigger-110"></i>
															</span>
														</div>
													</div>
												</div>
												
												<div id="campoCurriculum" class="form-group">
													<label class="col-sm-3 control-label no-padding-right" for="curriculum"> Curriculum: </label>

													<div class="col-sm-8">
														<input style="border:1px solid #d5d5d5;padding:3px" type="file" id="curriculum" name="curriculum" class="col-xs-12 col-sm-10" />
													</div>
												</div>
												
												<div id="campoEstadoDocente" class="form-group">
													<label class="col-sm-3 control-label no-padding-right" for="estadoDocente">Estado: (*)</label>
													<div class="col-sm-9">
														<select style="padding:3px" id="estadoDocente" name="estadoDocente" class="col-xs-12 col-sm-10" required>
															<option value="1">Activo</option>
															<option value="0">Inactivo</option>
														</select>
													</div>
												</div>
												
												<div class="form-group">
													<div class="col-md-offset-3 col-md-9">
														<button class="btn btn-primary" type="button" onclick="actualizarDocente()">
															<i class="icon-ok bigger-110"></i>
															Guardar Docente
														</button>
													</div>
												</div>
											</div>
										</form>									
									<?php } ?>
								</div>
								
								<!-- Formulario Alumno -->
								<div id="alumno" class="tab-pane <?php if($tipoPersonaSel == 3) echo('in active') ?>">
									<?php if($alumnoSel->num_rows() == 1){ ?>
										<form class="form-horizontal" role="form" action="<?php echo(site_url('alumno/modificar/'.$alumnoSel->row()->idAlumno)); ?>" id="formAlumno" method="post" target="iframeUpload">
											<div id="campoLegajo" class="form-group">
												<label class="col-sm-3 control-label no-padding-right" for="legajo"> Legajo: </label>

												<div class="col-sm-9">
													<input type="text" id="legajo" name="legajo" value="<?php echo($alumnoSel->row()->legajo); ?>" placeholder="Ej: 7898" class="col-xs-12 col-sm-10" />
												</div>
											</div>
											
											<div id="campoFechaIngresoAlumno" class="form-group">
												<label class="col-sm-3 control-label no-padding-right" for="fechaIngresoAlumno">Fecha Ingreso:</label>
												<div class="col-sm-8">
													<div class="input-group">
														<input class="form-control date-picker" id="fechaIngresoAlumno" name="fechaIngresoAlumno"  type="text" value="<?php echo($alumnoSel->row()->fechaIngresoFormateada); ?>" data-date-format="dd-mm-yyyy" />
														<span class="input-group-addon">
															<i class="icon-calendar bigger-110"></i>
														</span>
													</div>
												</div>
											</div>
																						
											<div id="campoEstadoAlumno" class="form-group">
												<label class="col-sm-3 control-label no-padding-right" for="estadoAlumno">Estado: (*)</label>
												<div class="col-sm-9">
													<select style="padding:3px" id="estadoAlumno" name="estadoAlumno" class="col-xs-12 col-sm-10" required>
														<?php
															if($alumnoSel->row()->estado == 1){			
														?>			
															<option value="1" selected="selected">Activo</option>
															<option value="0">Inactivo</option>
														<?php
															} else {					
														?>
															<option value="1">Activo</option>
															<option value="0" selected="selected">Inactivo</option>					
														<?php
															}
														?>
													</select>
												</div>
											</div>
											
											<div class="form-group">
												<div class="col-md-offset-3 col-md-9">
													<button class="btn btn-primary" type="button" onclick="modificarAlumno()">
														<i class="icon-ok bigger-110"></i>
														Guardar Alumno
													</button>
												</div>
											</div>
										</form>
									<?php } else { ?>
										<form class="form-horizontal" role="form" action="<?php echo(site_url('alumno/actualizar/'.$personaSel->row()->idPersona)); ?>" id="formAlumno" method="post" target="iframeUpload">
											<div id="campoEsAlumno" class="form-group">
												<label class="col-sm-3 control-label no-padding-right" for="esAlumno">¿Es Alumno? (*)</label>
												<div class="col-sm-9">
													<select style="padding:3px" id="esAlumno" name="esAlumno" class="col-xs-12 col-sm-10" required onchange="mostrarFormularioAlumno();activarPermisoAlumno();">													
														<option value="0">No</option>
														<option value="1">Si</option>
													</select>
												</div>
											</div>
											
											<div id="formularioAlumno" style="display:none">
												<div id="campoLegajo" class="form-group">
													<label class="col-sm-3 control-label no-padding-right" for="legajo"> Legajo: </label>

													<div class="col-sm-9">
														<input type="text" id="legajo" name="legajo" placeholder="Ej: 7898" class="col-xs-12 col-sm-10" />
													</div>
												</div>
												
												<div id="campoFechaIngresoAlumno" class="form-group">
													<label class="col-sm-3 control-label no-padding-right" for="fechaIngresoAlumno">Fecha Ingreso:</label>
													<div class="col-sm-8">
														<div class="input-group">
															<input class="form-control date-picker" id="fechaIngresoAlumno" name="fechaIngresoAlumno" type="text" data-date-format="dd-mm-yyyy" />
															<span class="input-group-addon">
																<i class="icon-calendar bigger-110"></i>
															</span>
														</div>
													</div>
												</div>
																							
												<div id="campoEstadoAlumno" class="form-group">
													<label class="col-sm-3 control-label no-padding-right" for="estadoAlumno">Estado: (*)</label>
													<div class="col-sm-9">
														<select style="padding:3px" id="estadoAlumno" name="estadoAlumno" class="col-xs-12 col-sm-10" required>
															<option value="1">Activo</option>
															<option value="0">Inactivo</option>
														</select>
													</div>
												</div>
												
												<div class="form-group">
													<div class="col-md-offset-3 col-md-9">
														<button class="btn btn-primary" type="button" onclick="actualizarAlumno()">
															<i class="icon-ok bigger-110"></i>
															Guardar Alumno
														</button>
													</div>
												</div>
											</div>
										</form>									
									<?php } ?>
								</div>
								
								<!-- Formulario Tutor -->
								<div id="tutor" class="tab-pane <?php if($tipoPersonaSel == 4) echo('in active') ?>">
									<?php if($tutorSel->num_rows() == 1){ ?>
										<form class="form-horizontal" role="form" action="<?php echo(site_url('tutor/modificar/'.$tutorSel->row()->idTutor)); ?>" id="formTutor" method="post" target="iframeUpload">
											<div id="campoEstadoTutor" class="form-group">
												<label class="col-sm-3 control-label no-padding-right" for="estadoTutor">Estado: (*)</label>
												<div class="col-sm-9">
													<select style="padding:3px" id="estadoTutor" name="estadoTutor" class="col-xs-12 col-sm-10" required>
														<?php
															if($tutorSel->row()->estado == 1){
														?>			
															<option value="1" selected="selected">Activo</option>
															<option value="0">Inactivo</option>
														<?php
															} else {					
														?>
															<option value="1">Activo</option>
															<option value="0" selected="selected">Inactivo</option>					
														<?php
															}
														?>
													</select>
												</div>
											</div>
											
											<div class="form-group">
												<div class="col-md-offset-3 col-md-9">
													<button class="btn btn-primary" type="button" onclick="modificarTutor()">
														<i class="icon-ok bigger-110"></i>
														Guardar Tutor
													</button>
												</div>
											</div>
										</form>
									<?php } else { ?>
										<form class="form-horizontal" role="form" action="<?php echo(site_url('tutor/actualizar/'.$personaSel->row()->idPersona)); ?>" id="formTutor" method="post" target="iframeUpload">
											<div id="campoEsTutor" class="form-group">
												<label class="col-sm-3 control-label no-padding-right" for="esTutor">¿Es Tutor? (*)</label>
												<div class="col-sm-9">
													<select style="padding:3px" id="esTutor" name="esTutor" class="col-xs-12 col-sm-10" required onchange="mostrarFormularioTutor();activarPermisoTutor();">													
														<option value="0">No</option>
														<option value="1">Si</option>
													</select>
												</div>
											</div>
											
											<div id="formularioTutor" style="display:none">
												<div id="campoEstadoTutor" class="form-group">
													<label class="col-sm-3 control-label no-padding-right" for="estadoTutor">Estado: (*)</label>
													<div class="col-sm-9">
														<select style="padding:3px" id="estadoTutor" name="estadoTutor" class="col-xs-12 col-sm-10" required>
															<option value="1">Activo</option>
															<option value="0">Inactivo</option>
														</select>
													</div>
												</div>
												
												<div class="form-group">
													<div class="col-md-offset-3 col-md-9">
														<button class="btn btn-primary" type="button" onclick="actualizarTutor()">
															<i class="icon-ok bigger-110"></i>
															Guardar Tutor
														</button>
													</div>
												</div>
											</div>
										</form>									
									<?php } ?>
								</div>
								
								<!-- Formulario Usuario -->
								<div id="usuario" class="tab-pane <?php if($tipoPersonaSel == 5) echo('in active') ?>">
									<?php if($usuarioSel->num_rows() == 1){ ?>
										<form class="form-horizontal" role="form" action="<?php echo(site_url('usuario/modificar/'.$usuarioSel->row()->idUsuario)); ?>" id="formUsuario" method="post" target="iframeUpload">
											<div id="campoPermisoDirectivo" class="form-group">
												<label class="col-sm-3 control-label no-padding-right" for="permisoDirectivo">Permiso Directivo: (*)</label>
												<div class="col-sm-9">
													<select style="padding:3px" id="permisoDirectivo" name="permisoDirectivo" class="col-xs-12 col-sm-10" required>
														<?php
															if($usuarioSel->row()->director == 1){
														?>			
															<option value="1" selected="selected">Activo</option>
															<option value="0">Inactivo</option>
														<?php
															} else {					
														?>
															<option value="1">Activo</option>
															<option value="0" selected="selected">Inactivo</option>					
														<?php
															}
														?>
													</select>
												</div>
											</div>
											
											<div id="campoPermisoDocente" class="form-group">
												<label class="col-sm-3 control-label no-padding-right" for="permisoDocente">Permiso Docente: (*)</label>
												<div class="col-sm-9">
													<select style="padding:3px" id="permisoDocente" name="permisoDocente" class="col-xs-12 col-sm-10" required>
														<?php
															if($usuarioSel->row()->docente == 1){
														?>			
															<option value="1" selected="selected">Activo</option>
															<option value="0">Inactivo</option>
														<?php
															} else {					
														?>
															<option value="1">Activo</option>
															<option value="0" selected="selected">Inactivo</option>					
														<?php
															}
														?>
													</select>
												</div>
											</div>
											
											<div id="campoPermisoAlumno" class="form-group">
												<label class="col-sm-3 control-label no-padding-right" for="permisoAlumno">Permiso Alumno: (*)</label>
												<div class="col-sm-9">
													<select style="padding:3px" id="permisoAlumno" name="permisoAlumno" class="col-xs-12 col-sm-10" required>
														<?php
															if($usuarioSel->row()->alumno == 1){
														?>			
															<option value="1" selected="selected">Activo</option>
															<option value="0">Inactivo</option>
														<?php
															} else {					
														?>
															<option value="1">Activo</option>
															<option value="0" selected="selected">Inactivo</option>					
														<?php
															}
														?>
													</select>
												</div>
											</div>
											
											<div id="campoPermisoTutor" class="form-group">
												<label class="col-sm-3 control-label no-padding-right" for="permisoTutor">Permiso Tutor: (*)</label>
												<div class="col-sm-9">
													<select style="padding:3px" id="permisoTutor" name="permisoTutor" class="col-xs-12 col-sm-10" required>
														<?php
															if($usuarioSel->row()->tutor == 1){
														?>			
															<option value="1" selected="selected">Activo</option>
															<option value="0">Inactivo</option>
														<?php
															} else {					
														?>
															<option value="1">Activo</option>
															<option value="0" selected="selected">Inactivo</option>					
														<?php
															}
														?>
													</select>
												</div>
											</div>
											
											<div id="campoNombreUsuario" class="form-group">
												<label class="col-sm-3 control-label no-padding-right" for="nombreUsuario"> Usuario: (*) </label>

												<div class="col-sm-9">
													<input type="text" id="nombreUsuario" name="nombreUsuario" value="<?php echo($usuarioSel->row()->nombre); ?>" placeholder="Ej: jperez" class="col-xs-12 col-sm-10" disabled="disabled"/>
												</div>
											</div>
											
											<div id="campoEstadoUsuario" class="form-group">
												<label class="col-sm-3 control-label no-padding-right" for="estadoUsuario">Estado: (*)</label>
												<div class="col-sm-9">
													<select style="padding:3px" id="estadoUsuario" name="estadoUsuario" class="col-xs-12 col-sm-10" required>
														<?php
															if($usuarioSel->row()->estado == 1){
														?>			
															<option value="1" selected="selected">Activo</option>
															<option value="0">Inactivo</option>
														<?php
															} else {
														?>
															<option value="1">Activo</option>
															<option value="0" selected="selected">Inactivo</option>					
														<?php
															}
														?>
													</select>
												</div>
											</div>
											
											<div class="form-group">
												<div class="col-md-offset-3 col-md-9">
													<button class="btn btn-danger" type="button" onclick="resetearPassword()">
														<i class="fa fa-repeat bigger-110"></i>
														Resetear Password
													</button>
													
													<button class="btn btn-primary" type="button" onclick="modificarUsuario()">
														<i class="icon-ok bigger-110"></i>
														Guardar Usuario
													</button>
												</div>
											</div>
										</form>
										
										<form class="form-horizontal" style="display:none" role="form" action="<?php echo(site_url('usuario/resetearPassword/'.$usuarioSel->row()->idUsuario)); ?>" id="formResetearPassword" method="post" target="iframeUpload">
										</form>
									<?php } else { ?>
										<form class="form-horizontal" role="form" action="<?php echo(site_url('usuario/actualizar/'.$personaSel->row()->idPersona)); ?>" id="formUsuario" method="post" target="iframeUpload">
											<div id="campoPermisoDirectivo" class="form-group">
												<label class="col-sm-3 control-label no-padding-right" for="permisoDirectivo">Permiso Directivo: (*)</label>
												<div class="col-sm-9">
													<select style="padding:3px" id="permisoDirectivo" name="permisoDirectivo" class="col-xs-12 col-sm-10" required>
														<option value="1">Activo</option>
														<option value="0" selected="selected">Inactivo</option>
													</select>
												</div>
											</div>
											
											<div id="campoPermisoDocente" class="form-group">
												<label class="col-sm-3 control-label no-padding-right" for="permisoDocente">Permiso Docente: (*)</label>
												<div class="col-sm-9">
													<select style="padding:3px" id="permisoDocente" name="permisoDocente" class="col-xs-12 col-sm-10" required>
														<option value="1">Activo</option>
														<option value="0" selected="selected">Inactivo</option>
													</select>
												</div>
											</div>
											
											<div id="campoPermisoAlumno" class="form-group">
												<label class="col-sm-3 control-label no-padding-right" for="permisoAlumno">Permiso Alumno: (*)</label>
												<div class="col-sm-9">
													<select style="padding:3px" id="permisoAlumno" name="permisoAlumno" class="col-xs-12 col-sm-10" required>
														<option value="1">Activo</option>
														<option value="0" selected="selected">Inactivo</option>
													</select>
												</div>
											</div>
											
											<div id="campoPermisoTutor" class="form-group">
												<label class="col-sm-3 control-label no-padding-right" for="permisoTutor">Permiso Tutor: (*)</label>
												<div class="col-sm-9">
													<select style="padding:3px" id="permisoTutor" name="permisoTutor" class="col-xs-12 col-sm-10" required>
														<option value="1">Activo</option>
														<option value="0" selected="selected">Inactivo</option>
													</select>
												</div>
											</div>										
											
											<div id="campoNombreUsuario" class="form-group">
												<label class="col-sm-3 control-label no-padding-right" for="nombreUsuario"> Usuario: (*) </label>

												<div class="col-sm-9">
													<input type="text" id="nombreUsuario" name="nombreUsuario" placeholder="Ej: jperez" class="col-xs-12 col-sm-10" onBlur="comprobarUsuario('<?php echo(site_url("usuario/comprobarUsuario")); ?>')"/>
												</div>
											</div>
											
											<div id="campoPassword" class="form-group">
												<label class="col-sm-3 control-label no-padding-right" for="password"> Password: (*) </label>

												<div class="col-sm-9">
													<input type="password" id="password" name="password" placeholder="Ej: 12345678" class="col-xs-12 col-sm-9" onBlur="comprobarUsuario('<?php echo(site_url("usuario/comprobarUsuario")); ?>')"/>
													<span class="help-inline col-xs-12 col-sm-3">
														<label class="middle">
															<input class="ace" type="checkbox" id="mostrarPassword" name="mostrarPassword" onclick="mostrarPassword1()"/>
															<span class="lbl"> Mostrar</span>
														</label>
													</span>												
												</div>
											</div>
											
											<div id="campoEstadoUsuario" class="form-group">
												<label class="col-sm-3 control-label no-padding-right" for="estadoUsuario">Estado: (*)</label>
												<div class="col-sm-9">
													<select style="padding:3px" id="estadoUsuario" name="estadoUsuario" class="col-xs-12 col-sm-10" required>
														<option value="1">Activo</option>
														<option value="0">Inactivo</option>
													</select>
												</div>
											</div>
											
											<div class="form-group">
												<div class="col-md-offset-3 col-md-9">
													<button class="btn btn-primary" type="button" onclick="actualizarUsuario()">
														<i class="icon-ok bigger-110"></i>
														Guardar Usuario
													</button>
												</div>
											</div>
										</form>
									<?php } ?>
								</div>
							</div>
						</div>
					
						<iframe id="respuesta" name="iframeUpload" style="display:none"></iframe>						
					</div>
				</div>
			</div>
		</div><!-- /span -->
		
		<div class="col-xs-12 col-sm-4">
			<div class="widget-box">
				<div class="widget-header">
					<h4>Foto - Vista Preliminar</h4>
				</div>

				<div class="widget-body">
					<div class="widget-main">						
						<?php
							if($personaSel->row()->idArchivoFoto != 0){
						?>
							<img id="imgForm" class="img-responsive" alt="<?php echo($personaSel->row()->apellido.", ".$personaSel->row()->nombre); ?>" src="<?php echo(base_url().'archivo/hash/'.$personaSel->row()->hashArchivoFoto); ?>" />
							
						<?php
							} else {
						?>
							<img id="imgForm" class="img-responsive" alt="Sin Imagen" src="<?php echo(base_url().'img/sinImagen.png'); ?>" />
						<?php } ?>
					</div>
				</div>
			</div>
		</div><!-- /span -->
		
		<?php if($docenteSel->num_rows()==1){ ?>
		<div class="col-xs-12 col-sm-4" style="margin-top:10px;float:right;clear:right">
			<div class="widget-box">
				<div class="widget-header">
					<h4>Archivo - Vista Preliminar</h4>
				</div>

				<div class="widget-body">
					<div class="widget-main">						
						<?php
							if($docenteSel->row()->hashArchivoCurriculum != ""){
						?>	
							<a id="archivoForm" target="_blanck" href="<?php echo(base_url().'archivo/hash/'.$docenteSel->row()->hashArchivoCurriculum); ?>" alt="Archivo Descargable" title="Archivo Descargable"/>Descargar</a>
						<?php
							} else {
						?>
							<a id="archivoForm" target="_blanck" href="" alt="Archivo Descargable" title="Archivo Descargable"/></a>
						<?php } ?>
					</div>
				</div>
			</div>
		</div><!-- /span -->
		<?php } ?>		
		
		<div class="col-xs-12 col-sm-4" style="margin-top:10px;float:right;clear:right">
			<div class="widget-box">
				<div class="widget-header">
					<h4>Ayuda R&aacute;pida</h4>
				</div>

				<div class="widget-body">
					<div class="widget-main">
						<p class="alert alert-info">
							- Los campos marcados con (*) son obligatorios.
						</p>
						<p class="alert alert-info">
							- Los campos resaltados en rojo al apretar crear son los campos incompletos que debe llenar.
						</p>
						<p class="alert alert-info">
							- El formato de la foto puede ser: gif | jpg | png | jpeg.
						</p>
						<p class="alert alert-info">
							- El formato del curriculum puede ser: doc | docx | xls | xlsx | pdf | ppt | xppt | pps.
						</p>
						<p class="alert alert-info">
							- El trato se refiere a Sr, Sra, etc.
						</p>
						<p class="alert alert-info">
							- El usuario se arma con la primera letra del nombre + el apellido completo.
							En caso de no estar disponible se van agregando letras del nombre.
							Ej: El usuario de Pedro Ponpin es pponpin. En caso de ya estar siendo usado se armar&iacute;a peponpin.
						</p>
						<p class="alert alert-info">
							- El password se completa por defecto con el dni completo.
						</p>
					</div>
				</div>
			</div>
		</div><!-- /span -->
	</div><!-- /.row -->
</div><!-- /.page-content -->

<!-- inline scripts related to this page -->
<script type="text/javascript">
	jQuery(function($) {
		//Calendario
		$('.date-picker').datepicker({autoclose:true, language: "es"}).next().on(ace.click_event, function(){
			$(this).prev().focus();
		});
		
		//
		$('#colorpicker1').colorpicker();
		$('#colorpicker2').colorpicker();
		
		$('#colorpicker1').colorpicker().on('changeColor', function(ev){
		   $("#colorEjemplo").css("background",ev.color.toHex());
		   $("#colorpicker1").val(ev.color.toHex());
		});
		
		$('#colorpicker2').colorpicker().on('changeColor', function(ev){
		   $("#colorEjemplo").css("color",ev.color.toHex());
		   $("#colorpicker2").val(ev.color.toHex());
		});
		
		<?php
			if($docenteSel->num_rows()==1){ ?>
				$("#colorEjemplo").css("background","<?php echo($docenteSel->row()->colorDeFondo); ?>");
				$("#colorEjemplo").css("color","<?php echo($docenteSel->row()->colorDeTexto); ?>");		
		<?php } ?>
	});
</script>